<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <style type="text/css">
        .triangle{
            width:0px;
            height:0px;
            border-right:6px solid transparent;
            border-left:6px solid transparent;
            border-bottom:6px solid #0984e3;

        }

        .line{
            border-bottom:2px solid #0984e3;
        }


    </style>

</head>
<body>
<!-- -moz-box-shadow: 0px 0px 3px  #909090;-webkit-box-shadow: 0px 0px 3px  #909090;-->

<div style="width: 93%;margin-left: 30px;padding-bottom: 20px">
    <div class="row">
        <div style="width: 100%; height: 300px; padding-left:20px;padding-top: 10px;border: 1px solid #dcdde1">
            <span style="font-size: 25px; color: #0984e3 ">我的银行卡</span>
            <div class="triangle" style="margin-left: 20px"></div>
            <div class="line"></div>

            <div style=" margin-top: 50px; width: 230px; height: 130px; border: 1px solid #0984e3; border-radius:10px 10px 10px 10px;text-align: center;
                padding-top: 15px; -moz-box-shadow: 0px 0px 3px  #909090;-webkit-box-shadow: 0px 0px 3px  #909090;">
                <span class="glyphicon glyphicon-credit-card" style="color: #0984e3;font-size: 40px"></span>
                <br>
                <span style="color: #0984e3;font-size: 20px">添加银行卡</span>
                <span class="glyphicon glyphicon-arrow-right" style="color: #0984e3 ;font-size: 20px"></span>
            </div>

        </div>
    </div>
</div>

</body>
</html>